<template>
	<view class="login">
		<view class="video-background">
			<video src="https://ali.image.hellorf.com/images/b8c4fc68ad7f67206491af178adec3aa.mp4" 
				:autoplay="true" :controls="false" :muted="true" :loop="true" class="video"></video>
		</view>
		<view class="login-content">
			<u-button type="primary">登录</u-button>
		</view>
	</view>
</template>

<script>
	
</script>

<style scoped lang="scss">
	.login{
		position: relative;
		height: 100vh;
		.video-background{
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			bottom: 0;
			.video{
				width: 100%;
				height: 100%;
				object-fit: fill;
			}
		}
		.login-content{
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			bottom: 30%;
			z-index: 2;
		}
	}
	
</style>
